@charset "utf-8";
/********************************************************
	CSS Document / Serum
********************************************************/

/* CSS Reset
-----------------------------------------------------------------------------*/
* { margin: 0; padding: 0; border: 0; }
:link, :visited { text-decoration: none; }
ul,ol { list-style: none; }
fieldset { border: 0; }
img { border: none; background: none; } a img { border: 0 none; } 
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } 
.clear{ clear: both; height: 0px; font-size: 0px; line-height: 0px; } 
.strong{ font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; }


/* General
-----------------------------------------------------------------------------*/
html, body { height: 100%; }
body {
	background-color: #DFE8F6;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 0.80em;
	color: #000000;
}

h1 {
}
h2 {
}
h3 {
}
h4 {
}
h5 {
}

a:link, a:visited { color: #1C4693; text-decoration: underline;  }
a:hover { color: #BB0000; }

p { margin-bottom: 7px; }

img.left { float: left; margin-right: 5px; vertical-align: middle; }
img.right { float: right; margin-left: 5px; vertical-align: middle; }


/* Containers
-----------------------------------------------------------------------------*/
#wrapper { 
	position: absolute; 
	top: 50%;
	left: 50%;
	width: 497px;
	height: 262px;
	padding: 12px;
	margin: -143px 0 0 -260px;
	background: url(../images/login/bg.gif) top left no-repeat;
}
#header {
	width: 497px;
	height: 71px;
	background: url(../images/login/header-bg.gif) top left repeat-x;
}
#main {
	width: 397px;
	height: 167px;
	padding: 0 50px;
}
#footer {
	width: 485px;
	padding-top: 4px;
	margin: 0 6px;
	border-top: 1px solid #E6EBF4;
	text-align: right;
	font-size: 0.85em;
}


/* Header
-----------------------------------------------------------------------------*/
/* Logo */
#header div.serum {
	display: block;
	width: 182px;
	height: 59px;
	padding: 4px 0 0 9px;
}
#header div.serum a { 
	display: block;
	width: 182px;
	height: 59px;
	background: url(../images/login/serum.jpg) top left no-repeat;
	text-decoration: none;
}

/* Client */
#header div.client { 
	float: right;
	display: block;
	width: 280px;
	height: 20px;
	margin: 30px 7px 0;
	text-align: right;
	font-size: 0.85em;
	color: #FFFFFF;
}
	#header div.client a:link, #header div.client a:visited { color: #A6E683; text-decoration: underline; }
	#header div.client a:hover { color: #BB0000; }
	
	
/* Main
-----------------------------------------------------------------------------*/
/* Notification */
#main div.notification {
	/* orooobackground-color: #CCFF99; */
	/* Hack IE 6 */
	min-height: 50px;
	height: auto !important;
	height: 50px;
}
#main div.notification.error {
	padding-left: 50px;
	background: url(../images/login/notification-error.gif) 0 0 no-repeat;
	color: #BB0000;
}

/* formulaire */
#main div.formulaire { width: 375px; }
#main div.formulaire p.textfield { clear: both; margin-bottom: 5px; }
#main div.formulaire div.actions { clear: both; height: 21px; margin-top: 10px; }
#main div.formulaire label {
	float: left; 
	display: block; 
	width: 140px; 
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
}
#main div.formulaire p.textfield input {
	width: 220px;
	padding: 1px 5px 1px 5px;
	background: #FFFFFF url(../images/login/field-text.gif) top left repeat-x;
	border: 1px solid #B5B8C8;
}
#main div.formulaire p.submit { float: right; display: block; width: 90px; height: 21px; margin: 0; }
	#main div.formulaire p.submit input {
		display: block;
		width: 90px;
		padding: 1px 0 3px 0;
		background: url(../images/login/field-submit.gif) top left no-repeat;
		font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
		cursor: pointer;
	}
#main div.formulaire p.password { margin: 0; font-size: 0.90em; }
